<template>
    <div class="head">
        {{title}}
        <slot name="right"></slot>
        <slot name="left"></slot>
    </div>
</template>

<script>
export default {
    props:['title']
}
</script>

<style scoped lang='less'>
.head{
    background: #f7f7f7;
    line-height: 1rem;
    font-size: .4rem;
    text-align: center;
    border-bottom: 1px solid gainsboro;
    position: relative;
    img{
        position: absolute;
        width: .6rem;
        top: .2rem;
    }
    .rightImg{
        right: .2rem;
    }
    .leftImg{
        right: 1.2rem;
    }
}

</style>